@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}

#wrapper {
	width:320px;
}

#header {
	position:relative;
	background: url(/images/mobile/header_bg.jpg) no-repeat;
	height: 55px;
}

#footer {
	position: relative;
	background: url(/images/mobile/footer_bg.png);
	height: 36px;
    text-align: center;
}

#footer_content {
	position: relative;
	background: url(/images/mobile/footer2_bg.png);
	height: 76px;
}

.logo {
	padding-left: 16px;
	padding-top: 10px;
    padding-bottom: 12px;
}

.menu {
	position: absolute;
	top: 10px;
	right:12px;
}

#landing_content {
	background:url(/images/mobile/landing_bg.jpg) no-repeat;
	height: 399px;
	padding-top: 13px;
	padding-left: 9px;	
}

#landing_tu {
	background:url(/images/mobile/tu_bg.jpg);
	height: 399px;	
	padding: 11px 5px 0px 5px;
}

#landing_tu_btn {
	position:relative;
	background: url(/images/mobile/btn_landing_tu.png) no-repeat;
	width: 302px;
	height: 116px;
	margin-bottom: 6px;
}

#landing_tc_btn {
	position:relative;
	background: url(/images/mobile/btn_landing_tc.png) no-repeat;
	width: 302px;
	height: 116px;
	margin-bottom: 6px;
}

#landing_sd_btn{
	position:relative;
	background: url(/images/mobile/btn_landing_sd.png) no-repeat;
	width: 302px;
	height: 116px;
	margin-bottom: 6px;
}

#tu_content {
	background:url(/images/mobile/tu_content_bg.jpg) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #141414;
}

#tu_content_text {
	padding: 10px 9px;
	text-align:justify;
}

.landing_btn_img {
	padding-left: 15px;
	padding-top: 32px;
	float: left;
}

.landing_btn_text {
	position: absolute;
	width: 144px;
	left:114px; 
	top:35px;
}

.landing_btn_text_sd {
	position: absolute;
	width: 200px;
	left:52px; 
	top:74px;
}

.footer_text {
	padding-top: 10px;
	font-size: 11px;
}

.footer_link {
	padding-top: 16px;
    padding-bottom: 10px;
	text-align: center;
}

.footer_link a{
	font-size:11px;
	color:#FFF;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}

.landing_icon {
	padding: 11px 7px;
}
.landing_icon:hover {
    cursor: pointer;
}

.page_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #e8272f;
}

.sub_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #e8272f;
}

.sub_btn {
	margin:auto;
	padding-left: 28px;
	padding-top: 12px;
	background: url(/images/mobile/sub_navi_bg.png) no-repeat;
	width: 274px;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;	
}

.sub_first {
	background: url(/images/mobile/sub_navi_top.png) no-repeat;
}

.sub_2line {
	padding-top: 4px;
	height: 33px;
}

.main_btn {
	padding-left: 10px;
	background: url(/images/mobile/menu_bg.png) no-repeat;
	width: 310px;
	height: 56px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #646464;	
}

.main_active {
	background: url(/images/mobile/menu_bg_active.png) no-repeat;	
}

.menu_img {
	padding-right: 6px;
}

.fav_btn {
	background: url(/images/mobile/menu_favorite.png) no-repeat;
	width: 220px;
	height: 47px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
	padding-left: 100px;
	padding-top: 26px;
}

.main_sub_btn {
	background: url(/images/mobile/menu_sub_bg.png) no-repeat;
	width: 300px;
	height: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fefefe;
	padding-left: 22px;
	padding-top: 10px;
}

.school_selector {
	width: 300px;
}

#sharing {
	width: 100%;
	padding-left: 45px;
}

#share_item {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #141414;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	text-align: center;
}

.clear {
	clear: both;
}